📝 画像をいい感じに埋め込みたい
public.icon
blu3mo.iconUserCSSで実現できそう
https://ricapitolare.vercel.app/svg?url=https://zenn.dev/catnose99/articles/754425d5686b7f593a34#.svg https://zenn.dev/catnose99/articles/754425d5686b7f593a34
1つの画像は16:9になる
https://gyazo.com/e5fd5344bb1c9f93f021581861990446
4つ画像を載っけた際も、同じものが4つになる?
2つ画像を載っけた場合は、まとめて16:9なので、1つは8:9なのかな?
3つだと、8:9と4:9*2になってるっぽい?
/icons/hr.icon
ハンズオン
.level-1で指定すると、[* 画像]のように*が1つだけの場合の処理を記述できる
code:user.css
.level-1 img { width: 16.7%; max-height: none; }
widthを使うのはあんまりいけてない
code:oibject-fit: cover.css
img {
border: dashed 1px silver;
width: 150px;
height: 150px;
object-fit: cover; /* 🖐 */
}
https://gyazo.com/8916b302b38ea505a6d2b922e8bc902e
近づいてきたtkgshn.icon*4
https://gyazo.com/33c30d9cb76b2cef618d1242d4b894b7https://gyazo.com/cbaae6f24a3a87b8fe02ae0bbdd08ae6https://gyazo.com/5c767870e917de6533258b5222d90a3dhttps://gyazo.com/5b016b77e239ffcbc2b283421c56504d
もうこれでいい気がしてきたw